<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
	content="碳氢知识平台由碳三氢二个人创建，属于免费开放的知识浏览平台。该平台主要用于学习Java相关的知识。">
<meta name="keywords"
	content="碳氢知识,碳三氢二,tansanqinger,tanqingzhishi,C3H2,c3h2,碳十八氢十二,碳三,tansan,C18H12">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="spm_prefix" content="333.851">
<link rel="icon" href="/img/index.ico" />
<link rel="shortcut icon" href="/img/index.ico" />
<meta charset="UTF-8" name="viewport"
	content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/layui/css/layui.css">
<link rel="stylesheet" href="https://demo.easyweb.vip/iframe/assets/module/admin.css?v=318"/>
<script src="/layui/layui.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript" src="https://demo.easyweb.vip/iframe/assets/js/common.js?v=318"></script>
<title>碳氢知识</title>
<style type="text/css">
*{margin:0px auto;padding:0px auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
body,html{background-color:#F5F5F5; width: 100%; height: 100%;min-width: 1280px;min-height: 800px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.paddingRightLeft0{padding-right:0px;padding-left: 0px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left: 0px;padding-top: 0px;}
.pageTopSize{width: 100%;height: 90%;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.pageBottomSize{width: 100%;height: 10%;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.fixed{position: fixed;left: 0px;bottom: 0px;width: 100%;height: 54px;z-index: 9999;background-color:	#F5F5F5;}
.fixedBottom{left: 0px;bottom: 0px;width: 100%;height: 54px;}
a:link{color: #000;}
a:visited{color: #000;}
a:hover {text-decoration: none;}
.viridian{background-color: #3F7F62;}
.turquoise{background-color: #40E0D0;}
.layui-nav .layui-nav-more{border-top-color:#000000;margin-top: -0px;}
.layui-nav .layui-nav-mored{border-color: transparent transparent #000000;margin-top: -5px;}
.user-info-head {width: 110px;height: 110px;line-height: 110px;position: relative;display: inline-block;border: 2px solid #eee;border-radius: 50%;overflow: hidden;cursor: pointer;margin: 0 auto;}
.user-info-head:hover:after {content: '\e681';position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #fff;background-color: rgba(0, 0, 0, 0.3);font-size: 28px;padding-top: 2px;font-style: normal;font-family: layui-icon;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.user-info-head img {width: 110px;height: 110px;}
.user-info-list-item {position: relative;padding-bottom: 8px;}
.user-info-list-item > .layui-icon {position: absolute;}
.user-info-list-item > p {padding-left: 30px;}
.layui-line-dash {border-bottom: 1px dashed #ccc;margin: 15px 0;}
#userInfoForm .layui-form-item {margin-bottom: 25px;}
.user-bd-list-item {padding: 14px 60px 14px 10px;border-bottom: 1px solid #e8e8e8;position: relative;}
.user-bd-list-item .user-bd-list-lable {color: #333;margin-bottom: 4px;}
.user-bd-list-item .user-bd-list-oper {position: absolute;top: 50%;right: 10px;margin-top: -8px;cursor: pointer;}
.user-bd-list-item .user-bd-list-img {width: 48px;height: 48px;line-height: 48px;position: absolute;top: 50%;left: 10px;margin-top: -24px;}
.user-bd-list-item .user-bd-list-img + .user-bd-list-content {margin-left: 68px;}
</style>
</head>
<body>
<div class="container">
  <div class="row">
	<div style="text-align: center; height:70px; line-height:70px;">
	   <img alt="" src="/img/logo_interface.png" style="height: 40px; display: inline-block; vertical-align: middle;padding:0 1.75rem" />
	</div>
    <div class="col-6" style="line-height: 70px; font-size: 30px;">
    	<ul class="layui-nav" lay-filter="" style="background-color: #F5F5F5; ">
		  <span th:each="menus:${menuAll}">
			  <li class="layui-nav-item" th:each="menu:${menus}" th:if="${menuStat.first}">
			  	<a th:href="${menu.hmenuUrl}" style="font-size: 30px; color: #000000;" th:if="${menu.hmenuOrder}==1">[[${menu.hmenuName}]]</a>
			    <dl class="layui-nav-child" th:if="${menuStat.last}==false and ${menuStat.first}"> <!-- 二级菜单 -->
			      <dd th:each="menu:${menus}"><a th:if="${menu.hmenuOrder}!=1" th:href="${menu.hmenuUrl}" style="height: 30px; line-height: 26px;">[[${menu.hmenuName}]]</a></dd>
			    </dl>
			  </li>
		  </span>
	 </ul>
    </div>
    <div class="col" style="text-align: right; line-height: 70px; font-size: 16px;word-spacing: 16px;">
		<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
		  <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
		  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
		</svg>
		<span onclick="showImg()">手机APP</span>
		<span th:if="${user}==null">
			<a href="/login">登陆</a>
			<a href="/login/register">
				<button type="button" class="btn btn-primary">注册</button>
			</a>
		</span>
		<span th:if="${user}!=null">
			<span class="btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				<img th:src="@{${user.img}}" style="width: 40px; height: 40px; border-radius: 50%;" alt="头像" id="userTopImg">
			</span>
			<div class="dropdown-menu">
				<a class="dropdown-item" href="/account/user/index" style="height: 30px; line-height: 30px;" target="_blank">账号中心</a>
				<a class="dropdown-item" href="/account/user/message" style="height: 30px; line-height: 30px;" target="_blank">消息中心</a>
				<a class="dropdown-item" href="/" style="height: 30px; line-height: 30px;">退出登陆</a>
				<a class="dropdown-item" th:if="${user.jurisdiction}==1 and ${user.isactivate==1}" href="/account/user/index"
					style="height: 30px; line-height: 30px;" target="_blank">上传试题</a>
			</div>
		</span>
    </div>
  </div>
</div>
<div class="container">
	<div class="row" id="containerDiv">
		<div class="col-sm-3" style="padding-right: 0px; border: solid  #e2e2e2 2px; border-radius: 5px;" >
		<div style=" background-color: #FAFAFA;">
		    <div class="layui-col-md12">
		      <div class="layui-card">
		        <a href="/account/user/index"><div class="layui-card-header" style="font-size: 18px; background-color: #5FB878;">我的信息</div></a>
		        <a href="/account/user/collect?page=1"><div class="layui-card-header" style="font-size: 18px;">我的收藏</div></a>
		        <!-- <a href="/account/user/mistakes"><div class="layui-card-header" style="font-size: 18px;">我的错题</div></a> -->
		        <a href="/account/user/comment"><div class="layui-card-header" style="font-size: 18px;">我的评论</div></a>
		        <a href="/topic/user/list2"><div class="layui-card-header" style="font-size: 18px;" th:if="${user.jurisdiction==1}">试题管理</div></a>
		      </div>
		    </div>
		</div>
	    </div>
	    <div class="col-sm-9" style="background-color: #fff;">
	    	<!-- 正文开始 -->
			<div class="layui-fluid">
			    <div class="layui-row layui-col-space15">
			        <!-- 左 -->
			        <div class="layui-col-sm12 layui-col-md3">
			                <div class="layui-card-body" style="padding: 25px;">
			                    <div class="text-center layui-text">
			                        <div class="user-info-head" id="userInfoHead">
			                            <img th:src="@{${user.img}}" alt="头像"/>
			                        </div>
			                        <h2 style="padding-top: 20px;" id="nameMessage">[[${user.name}]]
				                        <i th:if="${user.sex==1}" id="sexImg" class="layui-icon layui-icon-male" style="font-size: 20px; color: #1E9FFF;"></i>
				                        <i th:if="${user.sex==2}" id="sexImg" class="layui-icon layui-icon-female" style="font-size: 20px; color: #FFB6C1;"></i>
			                        </h2>
			                        <p style="padding-top: 8px;" th:if="${user.persignature}!=null" id="signature">[[${user.persignature}]]</p>
			                        <p style="padding-top: 8px;" th:if="${user.persignature}==null" id="signature">暂无</p>
			                    </div>
			                    <div class="layui-text" style="padding-top: 30px;">
			                        <div class="user-info-list-item">
			                            <i class="layui-icon layui-icon-username"></i>
			                            <p th:if="${user.grade==0}" id="gradeMessage">未知年级学生<br>（[[${user.age}]]岁）</p>
			                            <p th:if="${user.grade==1}" id="gradeMessage">初三以下学生<br>（[[${user.age}]]岁）</p>
			                            <p th:if="${user.grade==2}" id="gradeMessage">初三学生<br>（[[${user.age}]]岁）</p>
			                            <p th:if="${user.grade==3}" id="gradeMessage">高一学生<br>（[[${user.age}]]岁）</p>
			                            <p th:if="${user.grade==4}" id="gradeMessage">高二学生<br>（[[${user.age}]]岁）</p>
			                            <p th:if="${user.grade==5}" id="gradeMessage">高三学生<br>（[[${user.age}]]岁）</p>
			                            <p th:if="${user.grade==6}" id="gradeMessage">高三以上学生<br>（[[${user.age}]]岁）</p>
			                            
			                        </div>
			                        <div class="user-info-list-item">
			                            <i class="layui-icon layui-icon-read"></i>
			                            <p th:if="${user.school}!=null" id="schoolMessage">[[${user.school}]]</p>
			                            <p th:if="${user.school}==null" id="schoolMessage">未知</p>
			                        </div>
			                    </div>
			                </div>
			        </div>
			        <!-- 右 -->
			        <div class="layui-col-sm12 layui-col-md9">
			                <!-- 选项卡开始 -->
			                <div class="layui-tab layui-tab-brief" lay-filter="userInfoTab">
			                    <ul class="layui-tab-title">
			                        <li class="layui-this">基本信息</li>
			                        <li>账号安全</li>
			                    </ul>
			                    <div class="layui-tab-content">
			                        <!-- tab1 -->
			                        <div class="layui-tab-item layui-show">
			                            <form class="layui-form" id="" lay-filter=""
			                                  style="max-width: 500px;padding: 25px 10px 0 0;">
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label layui-form-required">邮箱:</label>
			                                    <div class="layui-input-block">
			                                        <input name="email" th:value="${user.email}" class="layui-input" readonly="readonly"/>
			                                    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label layui-form-required">昵称:</label>
			                                    <div class="layui-input-block">
			                                        <input name="name" th:value="${user.name}" id="name" class="layui-input"
			                                               lay-verify="required" required/>
			                                    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label layui-form-required">性别:</label>
			                                    <div class="layui-input-block" id="raQT" th:attr="name=${user.sex}">
											      <input type="radio" name="sex" lay-filter="raQT" th:if="${user.sex==1}" value="1" title="男" checked="checked">
											      <input type="radio" name="sex" lay-filter="raQT" th:if="${user.sex!=1}" value="1" title="男">
											      <input type="radio" name="sex" lay-filter="raQT" th:if="${user.sex==2}" value="2" title="女" checked="checked">
											      <input type="radio" name="sex" lay-filter="raQT" th:if="${user.sex!=2}" value="2" title="女">
											      <input type="radio" name="sex" lay-filter="raQT" th:if="${user.sex==0}" value="0" title="保密" checked="checked">
											      <input type="radio" name="sex" lay-filter="raQT" th:if="${user.sex!=0}" value="0" title="保密">
											    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label layui-form-required">电话:</label>
			                                    <div class="layui-input-block">
			                                     	<input name="phone" th:value="${user.phone}" class="layui-input" readonly="readonly"/>
			                                    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label" style="width: 100px;">用户年级:</label>
			                                    <div class="layui-input-block">
											        <select name="grade" id="grade">
											            <option value="0">请选择年级</option>
											            <option th:if="${user.grade==1}" value="1" selected="selected">初三以下</option>
											            <option th:if="${user.grade!=1}" value="1">初三以下</option>
											            <option th:if="${user.grade==2}" value="2" selected="selected">初三</option>
											            <option th:if="${user.grade!=2}" value="2">初三</option>
											            <option th:if="${user.grade==3}" value="3" selected="selected">高一</option>
											            <option th:if="${user.grade!=3}" value="3">高一</option>
											            <option th:if="${user.grade==4}" value="4" selected="selected">高二</option>
											            <option th:if="${user.grade!=4}" value="4">高二</option>
											            <option th:if="${user.grade==5}" value="5" selected="selected">高三</option>
											            <option th:if="${user.grade!=5}" value="5">高三</option>
											            <option th:if="${user.grade==6}" value="6" selected="selected">高三以上</option>
											            <option th:if="${user.grade!=6}" value="6">高三以上</option>
											        </select>
											     </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label" style="width: 100px;">用户生日:</label>
			                                    <div class="layui-input-block">
			                                        <input name="address" id="brithday" placeholder="yyyy-MM-dd" th:value="${user.brithday}" class="layui-input"/>
			                                    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label" style="width: 100px;">就读学校:</label>
			                                    <div class="layui-input-block">
			                                        <input name="school" id="school" th:value="${user.school}==null?'未知':${user.school}" class="layui-input"/>
			                                    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <label class="layui-form-label" style="width: 100px;">个人简介:</label>
			                                    <div class="layui-input-block">
			                                        <textarea name="perSignature" id="perSignature" th:if="${user.persignature}!=null" class="layui-textarea">[[${user.persignature}]]</textarea>
			                                        <textarea name="perSignature" id="perSignature" th:if="${user.persignature}==null" class="layui-textarea">暂无</textarea>
			                                    </div>
			                                </div>
			                                <div class="layui-form-item">
			                                    <div class="layui-input-block">
			                                        <span class="layui-btn" id="userInfoSubmits">更新基本信息
			                                        </span>
			                                    </div>
			                                </div>
			                            </form>
			                        </div>
			                        <!-- tab1 -->
			                        <div class="layui-tab-item" style="padding-bottom: 20px;">
			                            <div class="user-bd-list layui-text">
			                                <div class="user-bd-list-item">
			                                    <div class="user-bd-list-lable">密保手机</div>
			                                    <div class="user-bd-list-text">已绑定手机：<span id="bindingPhone">[[${user.phone}]]</span></div>
			                                    <a class="user-bd-list-oper" id="phoneModification">修改</a>
			                                </div>
			                                <div class="user-bd-list-item">
			                                    <div class="user-bd-list-lable">密保邮箱</div>
			                                    <div class="user-bd-list-text"><span id="bindingEmail">[[${user.email}]]</span></div>
			                                    <a class="user-bd-list-oper" id="emailModification">修改</a>
			                                </div>
			                                <div class="user-bd-list-item">
			                                    <div class="user-bd-list-lable">账号密码</div>
			                                    <div class="user-bd-list-text">当前密码：****************</div>
			                                    <a class="user-bd-list-oper" href="/login/passwd">修改</a>
			                                </div>
			                            </div>
			                        </div>
			                    </div>
			                </div>
			                <!-- //选项卡结束 -->
			        </div>
			    </div>
			</div>
<!-- js部分 -->
<script>
    layui.use(['layer', 'form', 'element', 'admin','laydate'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var element = layui.element;
        var admin = layui.admin;
        var laydate = layui.laydate;

        $("#layui-layer2>div>div").click(function(){
        	alert(2)
        });
        laydate.render({
    	    elem: '#brithday'
    	});
        /* 选择头像 */
        $('#userInfoHead').click(function () {
        	$('#userTopImg').attr('src', $('#userInfoHead>img').attr('src'));
            admin.cropImg({
                imgSrc: $('#userInfoHead>img').attr('src'),
                onCrop: function (res) {
                    $('#userInfoHead>img').attr('src', res);
                    parent.layui.jquery('.layui-layout-admin>.layui-header .layui-nav img.layui-nav-img').attr('src', res);
                }
            });
        });
        let sex = $("#raQT").attr("name");
        form.on('radio(raQT)', function (data) {
            sex = data.value;
            
        });
        $("#userInfoSubmits").click(function(){
        	let params = {};
        	let name = $("#name").val();
        	let grade = $("#grade").val();
        	let brithday = $("#brithday").val();
        	let school = $("#school").val();
        	let perSignature = $("#perSignature").val();
        	params.name = name;
        	params.sex = sex;
        	params.grade = grade;
        	params.brithday = brithday;
        	params.school = school;
        	params.perSignature = perSignature;
        	$.ajax( {
     	      url : '/account/user/subOfPersInformation', 
     	      type : 'post',
     	      data: params,
     	      dataType : 'json',
     	      success : function(data) {
	 	   	       if(data.code==0){
	 	   	    	$("#schoolMessage").html(school);
	 	   	    	$("#signature").html(perSignature);
	 	   	    	if(sex==1){
	 	   	    		$("#nameMessage").html(name+' <i th:if="${user.sex==1}" id="sexImg" class="layui-icon layui-icon-male" style="font-size: 20px; color: #1E9FFF;"></i>');
	 	   	    	} else if(sex==2){
	 	   	    		$("#nameMessage").html(name+' <i th:if="${user.sex==2}" id="sexImg" class="layui-icon layui-icon-female" style="font-size: 20px; color: #FFB6C1;"></i>');
	 	   	    	} else {
	 	   	    		$("#nameMessage").html(name);
	 	   	    	}
	 	   	    	if(grade==0){
	 	   	    		$("#gradeMessage").html('未知年级学生<br>'+'（'+data.age+'岁）');
	 	   	    	} else if(grade==1){
	 	   	    		$("#gradeMessage").html('初三以下学生<br>'+'（'+data.age+'岁）');
	 	   	    	} else if(grade==2){
	 	   	    		$("#gradeMessage").html('初三学生<br>'+'（'+data.age+'岁）');
	 	   	    	} else if(grade==3){
	 	   	    		$("#gradeMessage").html('高一学生<br>'+'（'+data.age+'岁）');
	 	   	    	} else if(grade==4){
	 	   	    		$("#gradeMessage").html('高二学生<br>'+'（'+data.age+'岁）');
	 	   	    	} else if(grade==5){
	 	   	    		$("#gradeMessage").html('高三学生<br>'+'（'+data.age+'岁）');
	 	   	    	} else if(grade==6){
	 	   	    		$("#gradeMessage").html('高三以上学生<br>'+'（'+data.age+'岁）');
	 	   	    	}
	 	            layer.msg(data.msg,{icon: 1});
	 		       }else{
	 		        layer.msg(data.msg,{icon: 2});
	 		       }
 	   	       }
     		});
        });
    });
    
</script>
	    </div>
	</div>
</div><br>
<script type="text/javascript">
$(function(){
	let height = window.innerHeight;
	$("#containerDiv").css("min-height",height-385+"px");
});
</script>
<div class="container">
	<div class="row">
		<div class="layui-col-xs12">
			<div class="layui-col-xs4" style="padding-right:  15px;">
				<h4>关于我们</h4>
				<hr width="300px">
				<p>&emsp;&emsp;碳氢知识由碳三氢二独立设计完成，网站的服务对象为初三到高三学习化学的学子，为他们在化学的道路上助力。</p>
				<p>&emsp;&emsp;网站宣言：用知识改变生活，前人为后人铺路。</p>
			</div>
			<div class="layui-col-xs4" style="padding: 0 15px;">
				<h4>网站标签</h4>
				<hr width="300px">
				<span class="layui-btn layui-btn-primary layui-btn-sm">初中化学</span>
				<span class="layui-btn layui-btn-primary layui-btn-sm">高中化学</span>
				<span class="layui-btn layui-btn-primary layui-btn-sm">有机化学</span><br><br>
				<span class="layui-btn layui-btn-primary layui-btn-sm">无机化学</span>
				<span class="layui-btn layui-btn-primary layui-btn-sm">知识分享</span>
				<span class="layui-btn layui-btn-primary layui-btn-sm">题目新颖</span><br><br>
				<span class="layui-btn layui-btn-primary layui-btn-sm">学以致用</span>
				<span class="layui-btn layui-btn-primary layui-btn-sm">由浅入深</span>
				<span class="layui-btn layui-btn-primary layui-btn-sm">独立设计</span><br>
			</div>
			<div class="layui-col-xs4" style="padding-left: 15px;">
				<h4>联系方式</h4>
				<hr width="300px">
				<p>联系电话：18996542291</p>
				<p>电子邮箱：tansanqinger@gmail.com</p>
				<p>无论是想加入还是提出已经，都欢迎通过上述方式与我联系。</p>
			</div>
			<div class="layui-col-xs12">
				<hr>
				<span>版权所有&copy;网站一切解释权属于碳氢平台</span>&emsp;&emsp;&emsp;
				<a class="span_bottom" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010102000726">
					<img style="vertical-align: middle;" src="/img/put_on_records.png" width="14px"/>渝公网安备50010102000726号</a>
			</div>
		</div>
		
	</div>
</div>
</body>
</html>
